<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>技术问答_${webName}手机版</title>
    <#include "../common/head-common.ftl">
  </head>
  <body class="skin-green sidebar-collapse">
    <div class="wrapper">
      <#include "../common/header.ftl">
      
      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <ol class="breadcrumb">
            <li><a href="${wwwRoot}"><i class="fa fa-home"></i> 大讲台</a></li>
            <li><a href="${webRoot}m/center.do">Hadoop大讲台</a></li>
            <li class="active">技术问答</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">

          <!-- Main row -->
          <div class="row">
          	<!-- Left col -->
            <section class="col-lg-12 connectedSortable">
            
            <!-- Chat box -->
              <div class="box box-success">
                <div class="box-header">
                  <i class="fa fa-question-circle"></i>
                  <h3 class="box-title">技术问答</h3>
                  <div class="box-tools pull-right">
                    <ul class="pagination pagination-sm inline">
                      <li><a href="#">&laquo;</a></li>
                      <li><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
                      <li><a href="#">&raquo;</a></li>
                    </ul>
                  </div>
                </div>
                <div class="box-body chat">
                 <#list list as qa>
	                 <!-- chat item -->
	                  <div class="item">
	                    <img src="${mobileRoot}dist/img/user${qa_index+1}-128x128.jpg" alt="user image" class="online"/>
	                    <p class="message">
	                      <a href="#" class="name">
	                        <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> ${qa.createtime?string('yyyy-MM-dd hh:mm')}</small>
	                        ${qa.username}
	                      </a>
	                      ${qa.question} <a href="qa/${qa.qid}.do"><br/><small class="label label-success"><i class="fa fa-chevron-circle-right"></i> 查看</small></a>
	                    </p>                   
	                  </div><!-- /.item -->
                 </#list> 
                </div><!-- /.chat -->
                <div class="box-footer">
                  <div class="input-group">
                    <input class="form-control" placeholder="请描述你想问的问题..."/>
                    <div class="input-group-btn">
                      <button class="btn btn-success"><i class="fa fa-plus"></i> 提问</button>
                    </div>
                  </div>
                  
                  <div class="btn-group" style="margin-top:16px;">
	                  <button type="button" class="btn btn-default active">全部</button>
	                  <button type="button" class="btn btn-default">已解决</button>
	                  <button type="button" class="btn btn-default">我的提问</button>
	                  <button type="button" class="btn btn-default">我回复过的</button>
	              </div>
                </div>
              </div><!-- /.box (chat box) -->
            
            </section><!-- /.Left col -->
          </div><!-- /.row (main row) -->

        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
      
      <#include "../common/footer.ftl">
    </div><!-- ./wrapper -->

    <#include "../common/foot-common.ftl">
  </body>
</html>